<!DOCTYPE >
<html lang="zh-cn">

	<head>
		<title>无独团</title>
		<% include ./partials/head %>
			<link rel="stylesheet" href="css/official/home/handle.css" />

	</head>

	<body>
		<!-- Header Wrapper -->
		<% include ./partials/header %>
			<!-- Main Wrapper -->
			<div id="main-wrapper">
				<div class="container">
					<div class="row banner-row">
						<div class="12u">

							<!-- Banner -->
							<section id="banner_handle">
								<header>
									<h2>会员办理</h2>
									<p class="byline">请按照下述流程办理</p>
								</header>

							</section>

						</div>
					</div>
					<div class="row">
						<div class="12u app_content">
							<div class="app_content_warp">
								<h2>1、下载会员APP，注册和提交资料。</h2>
								<!--<span class="app_img">
										<img class="lazy" data-original="/img/official/logo_big.png" alt="无独团" />
									</span>-->
								<span style="display:inline-block;width: 20em;vertical-align: top;">
										<span class="app_download_btn ios_download">ios下载</span>
								<span class="app_download_btn android_download">android下载</span>
								</span>
							</div>
						</div>

					</div>
					<div class="row">
						<div class="row app_content">
							<div class="app_content_warp">
								<h2>2、审核通过后，在APP或下框中支付会员费。</h2>
								<div class="row">
									<div class="12u handle_intro">
										<div class="row">
											<div class="pay_content" style="padding:0px 0 0 0!important">
												<input class="pay_input" type="text" placeholder="注册的手机号码" />
												<span class="pay_btn">在线支付</span>
											</div>

										</div>
									</div>

								</div>

							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- Footer Wrapper -->
			<% include ./partials/footer %>
				<script>
					var handle = {
						operator: function() {
							$('.pay_btn').on('click', function() {
								if ($(".pay_input").val() != "") {
									if (handle.isPhone()) {
										window.location.href = "/member/pay?phone=" + $(".pay_input").val() + "&type=1";
									} else {
										window.location.href = "/member/pay?phone=" + $(".pay_input").val() + "&type=0";
									}
								} else {
									alert("请输入手机号码");
								}
							})
						},
						isPhone: function() {
							var ua = navigator.userAgent;
							var ipad = ua.match(/(iPad).*OS\s([\d_]+)/),
								isIphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),
								isAndroid = ua.match(/(Android)\s+([\d.]+)/),
								isMobile = isIphone || isAndroid;
							if (isMobile) {
								return true;
							} else {
								return false;
							}
						},
						download: function() {
							function isWeiXin() {
								var ua = window.navigator.userAgent.toLowerCase();
								if (ua.match(/MicroMessenger/i) == 'micromessenger') {
									return true;
								} else {
									return false;
								}
							}
							$('.android_download').on('click', function() {
								if (isWeiXin()) {
									alert("请点右上角，选择在浏览器中打开～～")
								} else {
									window.location = "http://a.app.qq.com/o/simple.jsp?pkgname=com.wudutuan";
								}
							})
							$('.ios_download').on('click', function() {
								if (isWeiXin()) {
									alert("请点右上角，选择在浏览器中打开～～")
								} else {
									window.location = "https://itunes.apple.com/cn/app/id1076458294?mt=8";
								}
							})
						},
						init: function() {
							this.operator();
							this.download();
						}
					}
					$(document).ready(function() {
						handle.init();
					})
				</script>
	</body>

</html>